<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>热门课程</title>

    <link rel="stylesheet" href="index.css">
</head>
<body>

<div class="middle-part">
    <div class="top">热门课程</div>
    <div class="bottom">
        <div class="item">
            <img src="../image/首页-热门课程/img1.png" alt="">
            <div class="content">
                <p class="one">最新好直播</p>
                <div class="intro">
                    <span class="iconfont icon-dianzan">100人好评</span>
                    <span class="iconfont icon-renshu">20人</span>
                </div>
            </div>
        </div>
        <div class="item">
            <img src="../image/首页-热门课程/img2.png" alt="">
            <div class="content">
                <p class="one">直播培训系列微课</p>
                <div class="intro">
                    <span class="iconfont icon-dianzan">1577人好评</span>
                    <span class="iconfont icon-renshu">1024人</span>
                </div>
            </div>
        </div>
        <div class="item">
            <img src="../image/首页-热门课程/img3.png" alt="">
            <div class="content">
                <p class="one">轻松学手机拍摄技巧</p>
                <div class="intro">
                    <span class="iconfont icon-dianzan">2546人好评</span>
                    <span class="iconfont icon-renshu">2711人</span>
                </div>
            </div>
        </div>
        <div class="item">
            <img src="../image/首页-热门课程/img1.png" alt="">
            <div class="content">
                <p class="one">最新好直播</p>
                <div class="intro">
                    <span class="iconfont icon-dianzan">100人好评</span>
                    <span class="iconfont icon-renshu">20人</span>
                </div>
            </div>
        </div>
        <div class="item">
            <img src="../image/首页-热门课程/img1.png" alt="">
            <div class="content">
                <p class="one">最新好直播</p>
                <div class="intro">
                    <span class="iconfont icon-dianzan">100人好评</span>
                    <span class="iconfont icon-renshu">20人</span>
                </div>
            </div>
        </div>
        <div class="item">
            <img src="../image/首页-热门课程/img1.png" alt="">
            <div class="content">
                <p class="one">最新好直播</p>
                <div class="intro">
                    <span class="iconfont icon-dianzan">100人好评</span>
                    <span class="iconfont icon-renshu">20人</span>
                </div>
            </div>
        </div>
        <div class="item">
            <img src="../image/首页-热门课程/img1.png" alt="">
            <div class="content">
                <p class="one">最新好直播</p>
                <div class="intro">
                    <span class="iconfont icon-dianzan">100人好评</span>
                    <span class="iconfont icon-renshu">20人</span>
                </div>
            </div>
        </div>
        <div class="item">
            <img src="../image/首页-热门课程/img1.png" alt="">
            <div class="content">
                <p class="one">最新好直播</p>
                <div class="intro">
                    <span class="iconfont icon-dianzan">100人好评</span>
                    <span class="iconfont icon-renshu">20人</span>
                </div>
            </div>
        </div>
        <div class="item">
            <img src="../image/首页-热门课程/img1.png" alt="">
            <div class="content">
                <p class="one">最新好直播</p>
                <div class="intro">
                    <span class="iconfont icon-dianzan">100人好评</span>
                    <span class="iconfont icon-renshu">20人</span>
                </div>
            </div>
        </div>
        <div class="item">
            <img src="../image/首页-热门课程/img1.png" alt="">
            <div class="content">
                <p class="one">最新好直播</p>
                <div class="intro">
                    <span class="iconfont icon-dianzan">100人好评</span>
                    <span class="iconfont icon-renshu">20人</span>
                </div>
            </div>
        </div>
    </div>
</div>


</body>
</html>